<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<!--解决手机下拉网页滚动-->
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<title></title>
		<script type="text/javascript">
			document.addEventListener('plusready', function() {
				//console.log("所有plus api都应该在此事件发生后调用，否则会出现plus is undefined。"

			});
		</script>
		<link rel="stylesheet" type="text/css" href="css/pintu.css"/>
	</head>

	<body ontouchmove="event.preventDefault()">
		<div class="mingcheng">
			<img src="img/logo.png" />
			<p>敦煌壁画拼图游戏</p>
		</div>
		
		<p class="time1">剩余时间:<span id="time">80</span>秒</p>
		<div class="imgbox" id="imgbox">
			<div class="box" data-index="0" style="top:0px;left:0px;background-position:0px 0px"></div>
			<div class="box" data-index="1" style="top:0px;left:100px;background-position:-100px 0px"></div>
			<div class="box" data-index="2" style="top:0px;left:200px;background-position:-200px 0px"></div>
			<div class="box" data-index="3" style="top:100px;left:0px;background-position:0px -100px"></div>
			<div class="box" data-index="4" style="top:100px;left:100px;background-position:-100px -100px"></div>
			<div class="box" data-index="5" style="top:100px;left:200px;background-position:-200px -100px"></div>
			<div class="box" data-index="6" style="top:200px;left:0px;background-position:0px -200px"></div>
			<div class="box" data-index="7" style="top:200px;left:100px;background-position:-100px -200px"></div>
			<div class="box" data-index="8" style="top:200px;left:200px;background-position:-200px -200px"></div>
		</div>
		<p id="fanhui" onclick="back1()">返回</p>
		<div id="name1">麦积山第127窟  西魏  比丘尼</div>
		<div id="jindu" onclick="kuaijin(event)">
			<div id="huadong"></div>
		</div>
		<div id="game">
			<p>恭 喜 过 关!</p>
			<div id="btn2" onclick="loop()">
				再 来 一 次
			</div>
			<div id="btn" onclick="xiayiguan()">
				下 一 关
			</div>
			<div class="show" onclick="see()">查看成果</div>
		</div>

		<div id="game1">
			<p>好可惜~~失败了</p>
			<div id="btn1" onclick="loop()">
				再 来 一 次
			</div>
			<div class="show1" onclick="showimg()">查看原图</div>
		</div>
		<div id="over">
			<img src="" />
			<p style="margin-top: 2px;margin-right: 50px;">扫描上方二维码获取精美手机壁纸</p>
			<p>恭喜您全部通关！！！</p>
			<div id="btn3" onclick="ctks()">再玩一次 ?</div>
			<a href="http://gallery.dha.ac.cn/mobile/">点击进入莫高窟导览</a>
			
		</div>
		<div id="shan1"><img src="img/shan1.png" /></div>
		<div id="shan2"><img src="img/shan2.png" /></div>
		<div id="banquan1">敦煌研究院版权所有 陇ICP11000088号-1号</div>
		<div id="showit">
			<img src="img/1.jpg" />
			<p onclick="zctz()">再次挑战</p>
			<a href="http://gallery.dha.ac.cn/mobile/">点击进入莫高窟导览</a>
		</div>
		<script src="js/pintu.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>